Soort werkzaamheden:
Html, CSS en JS scripten

Omschrijving van de werkzaamheden:
Ik heb de opdracht al in het engels uitgetypt. Er wordt constant verwezen naar de attachement. Bekijk deze dus gelijktijdig.

Part 1) Website consisting of one basic interface (and 3 different content positionings) needs to be transformed to HTML.
--- Slicing needs to be done in valid HTML/CSS. (not necessarily CSS3)

Part2) The following javascript (probably done with jQuery, but the choice of JS framework is left open) animations will have to be added in order to make the website look more like a brochure/leaflet. (See pdf for page references --> http://pjmuller.dyndns.org/storage/CLIPweb3groen.pdf)

Page1
- Full screen backgrounds + detect how fast the images are downloaded -> based on this decide if other backgrounds will downloaded.
- Most links will be ajax based. Content will be provided in requested format (JSON, XML, ..)
-- url will have to change when link is clicked
-- When users/or google accesses that url directly, content will be provided in div's and ul's
- green bar on bottom of page will slide down when people go to the next page
- Some hover effects for buttons

Page2, 3, 4
- When new background is loaded, it slides over the previous one
- mouse over horizontal menu needs to be replicated
- page 4: when people go over a specific item, a box must fall down with some extra info about that link

Page 5, 6, 7
- standard interface in which users will find themselves
- For title, special fonts will be used
- The 4 buttons on the right (Formule, Troeven, Periode, Praktisch) will let the provided text pop out when the button is clicked.
- Page 6, 7: "Troeven" is special as it will first show a number of links. If one of them is clicked, the next and last more detailed level pops out.
- When "Films" is clicked, all the currently opened boxes (Formule, Troeven, ..) will pop back in. and in the middle a youtube box must be shown. When youtube goes away, the previous opened boxes return

Page 8:
- very basic vertical dropdown menu. With autosuggest function in the textfield
- Information box on the right

Page 9
- Identical same structure as 5, 6, 7. Just with other box names


Budget voor dit project:
low-xxx | mid-xxx

Deadline:
20/10/2011

BTW-nummer verplicht:
Beide zijn mogelijk. Zonder BTW wordt dan wel lagere prijs verwacht

Voorbeelden:
Zie attachement

Bijlagen:
Zie omschrijving werkzaamheden

Alle overige informatie:
Alleen freelancers die weten waar ze mee bezig zijn. Prijs moet overeen gekomen worden, maar kan al gezegd worden dat het budget niet op 'scriptbuddies' aast.