Closed

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)

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

Skills: CSS, HTML, Javascript, PSD to HTML

See more: ajax animations, youtube background images, vertical screen, template standard, standard template, slide background template, leaflet backgrounds, javascript ajax framework, html menu css3, make youtube backgrounds, make youtube animations, make animations youtube, make background youtube, google js, google ajax framework, framework ajax, find template, find animations, template function, background images youtube, animations people, ajax javascript framework, ajax framework javascript, javascript slice template, js framework

About the Employer:
( 0 reviews ) Amsterdam, Belgium

Project ID: #1247352

6 freelancers are bidding on average €413 for this job

lightcresent

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

€500 EUR in 10 days
(194 Reviews)
8.3
zainy01

Hi! I m interested

€400 EUR in 20 days
(43 Reviews)
6.4
scriptgiant

Please Check PMB for details, Thanks!

€450 EUR in 7 days
(29 Reviews)
6.4
vijarp

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

€325 EUR in 12 days
(13 Reviews)
4.7
stefanache

Hello, Please see PMB. Thanks.

€500 EUR in 20 days
(7 Reviews)
3.7
jaygauten

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)
0.0