You have chosen to sponsor your bid up to a maximum amount of .
I am wanting a two page UI designing using jquery. Design should be web2.0 and kid friendly - twitter bootstrap or similar. Please complete the mockup using jquery and php ready for integration into my site.
Please see the rough sketches attached and the notes below;
The top of the page is the sliding panel found here - [url removed, login to view]
The Assessments to do and Review assessments can be on an infinite scroll like this - [url removed, login to view] - but rather than expanding on scroll down expand on button click.
(Assessments to do will always be only 1, 2 or 3 items so no need for a search here - Review will have a search). Both sections can be minimized if the user requires.
Top links - My classes - use the dropdown style here - http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#single
''Wall'' and ''Grades'' go to new pages (normal links)
''Customise'' - I would like this to be a live css edit function with a user being able to click on the page and change the colour / background image of each element - something like [url removed, login to view] - add preferences to db.
The icon top right should be the users avatar and when clicked this will bring down a set of menu items. ([url removed, login to view] - option 2)
Logout top right.
At the bottom right I would like some notifications to pop - [url removed, login to view]
In the Open Panel:
In here we place student levels and also the section ''My Badges'' which displays badges that a student has collected. There could be a lot of these so include a scrollbar and an ajax loading mechanism.
Please add your portfolio when making a bid.