apply ajax + JS animations (and slice template)

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)


- 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

UPDATE: higher price (than the current max €500) can be charged if valid argumentation for it is given.
Again, quality is the goal...

Skills: CSS, HTML, Javascript, PSD to HTML

See more: ajax animations, youtube background images, vertical screen, template standard, standard will template, standard template, slide background template, make a youtube background, leaflet backgrounds, javascript ajax framework, is ajax a framework, html 5 menu css3, how to make youtube backgrounds, how to make youtube animations, how to make a youtube background, how to make animations for youtube, how to make a background for youtube, google js, google ajax framework, framework ajax, find template, find animations, c template function, button over page html 5, background images for youtube

About the Employer:
( 0 reviews ) Amsterdam, Belgium

Project ID: #1247352

6 freelancers are bidding on average €413 for this job


Thanks for the invitation, Will be done as per specs... Regards

€500 EUR in 10 days
(194 Reviews)

Hi! I m interested

€400 EUR in 20 days
(43 Reviews)

Please Check PMB for details, Thanks!

€450 EUR in 7 days
(29 Reviews)

Hello Sir,We are Vijarp Software & Web Solutions,Please Check PM

€325 EUR in 12 days
(13 Reviews)

Hello, Please see PMB. Thanks.

€500 EUR in 20 days
(7 Reviews)

Good Day! I am here to submit my proposal to your project. Id like to propose a project price of EUR300 with 15days work turnaround. Included in this proposal are my qualification, skills and my recent projects. More

€300 EUR in 15 days
(0 Reviews)