Illustrator file needs slicing into interactive infographic
- or -
Post a project like this3781
£200(approx. $251)
- Posted:
- Proposals: 3
- Remote
- #371121
- Awarded
Description
Experience Level: Expert
Estimated project duration: less than 1 week
The attached file needs slicing to HTML, to W3C standards, with cross browser testing completed. Should your bid be picked we will supply you with an Adobe Illustrator version of the file (with layers) for ease.
It should include the following interactive elements, using jquery:
• The title should fade-in on first load
• The virus image on the first slide should rotate continuously
• The DNA strands should move vertically within the grey area in a parallax manner.
• The seconds hand on both the clock and stopwatch should rotate continuously
• A counter should be added, listing the amount of people who have contracted HIV so far that day. This should update automatically (live) and is equal to the amount of seconds passed in that day divided by 20.
• The two figures in the red calendar area should quickly count up from zero (reaching the figures listed) when visible on-screen
• The timeline should use an interactive timeline instead of the vertical type shown in the Illustrator file. This should use Timeline JS (http://timeline.knightlab.com/ ) or similar
• The arrows in the ‘progress’ section should appear from the top-left and top-right corner respectably as that area begins to come in to view for the user.
• The circles in the ‘zero discrimination’ area should show different text onhover. Please use lorem ispum for the build for this part – we will add the final text ourselves.
• The images in the ‘what can you do’ section should be clickable. If a user clicks on an image a darker grey area appears below the pictures. This should then contain white text, which, for now, can be lorem ipsum.
This project must be completed by 12 o'clock GMT on Thursday of this week.
It should include the following interactive elements, using jquery:
• The title should fade-in on first load
• The virus image on the first slide should rotate continuously
• The DNA strands should move vertically within the grey area in a parallax manner.
• The seconds hand on both the clock and stopwatch should rotate continuously
• A counter should be added, listing the amount of people who have contracted HIV so far that day. This should update automatically (live) and is equal to the amount of seconds passed in that day divided by 20.
• The two figures in the red calendar area should quickly count up from zero (reaching the figures listed) when visible on-screen
• The timeline should use an interactive timeline instead of the vertical type shown in the Illustrator file. This should use Timeline JS (http://timeline.knightlab.com/ ) or similar
• The arrows in the ‘progress’ section should appear from the top-left and top-right corner respectably as that area begins to come in to view for the user.
• The circles in the ‘zero discrimination’ area should show different text onhover. Please use lorem ispum for the build for this part – we will add the final text ourselves.
• The images in the ‘what can you do’ section should be clickable. If a user clicks on an image a darker grey area appears below the pictures. This should then contain white text, which, for now, can be lorem ipsum.
This project must be completed by 12 o'clock GMT on Thursday of this week.
PureBlue -.
100% (59)Projects Completed
76
Freelancers worked with
69
Projects awarded
32%
Last project
8 Feb 2024
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies