Create a small modern looking one-pager website using PHP/jQuery showing the current time in diffrent time zones in Europe.
In the center of the website is an image of europe (see attached image) with all the country flags on it.
When hovering with the mouse over the flag of a specific country, some information needs to be displayed in a box using jQuery:
1. Name of the country and the capital city
2. Time, Date, Weekday (in 24h format and AM/PM format) in the time zone of the place
3. Time difference to UTC and CET ([url removed, login to view], [url removed, login to view]) [e.g. for Berlin it is UTC +1 and CET 0]
4. Is it summer or winter time
Above the map: Website title: "Time zones in europe", Subtitle: "See the current time in European countries."
Bottom of the page: "This is the bottom of the page. Here will be some contact info and a link."
Summer and winter time needs to be taken into account when displaying the times!
Tricky: The central image with the European map should resize regarding to the size of the browser window and hovering over the flags needs to work in every window size.
There should be lots of similar websites to double check if the times are displayed correctly.