Project Detail

Description

See the following links for examples of the questions. DO NOT USE TEXT FROM THESE.

http://www.spa-medical.com/fitzpatrick_skin_typing_test.htm
http://www.hairlaserremoval.co.uk/laser-hair-removal-fitzpatrick.htm

For my specific project, It needs to be 510px width maximimum. See attached pdf.
To meet the width requirements, the question will likely need to be on one line and the answer below it, and to keep it organized there will need to be a space between each question. The user would click on the relevant answer, which would remain highlighted (light blue color), and at the bottom of all questions, hit calculate, which would total the score and display the score, within an arrow graphic (the same as BMI example), pointing at the relevant category. There will be also be a "Reset" button, and a "Print" button - when printed highlighted colored areas must be visible in typical grey scale printing. See attached pdf for demonstration of the category section. The questions and choices utilized in this project are contained in the pdf, the points are 0,1,2,3,4 from left to right for each question. This will need to be organized so it fits within the width guideline. Must be professional, neat layout and be compatible with all major browsers. I will supply arrow gif utilized. Colors to match BMI widget, pic of which is included in pdf. Any questions, please ask.


Additional files submitted:
2008.12 Fitz Skin Type Project.pdf