We are only looking for freelance coders, we are not after any companies at all to post for this project. So if you are a company, please do not respond.
For this task we are looking for high quality of js work, as we will then be using the selected freelancer who completes this task, as regular outsourced work with us.
What we need:
As you can see in the attached files, we have a big map which is stretching across the page. The european section of the map is going to be interactive (seperated by the lines). On hover state highlights the selected country, and also shows a box with a statistic in, according to the country hovered. Example shown in the 2nd attachment of the state of map on hover.
The background consists of a flat colour, with a gradient overlay in the center spreading out to the edges.
This needs to be pixel perfect according to the design shown, the responsiveness to the rollover needs to be accurate to each section of the map. We do not want to hover on one country, and it selects the other. This must be precise and work well.
IMPORTANT: We need to make sure that this can be incorporated into a template. We are currently building the page for this which is linked with our CMS, separately to this task. I must stress that this is not just the page, this task will have to be incorporated to fit into our current template (not your job). Therefore your codes will have to be based on our current css files, so we can simply update them.
Any questions before you wish to bid, please don't hesitate to ask.