Project Detail

Description

Design an aesthetically pleasing and professional custom Body Mass Index calculator (like the one on the CDC and heart site below), using JavaScript or PHP that I can embed into an existing web page to display a box, like that shown below (both metric and english, like the example below.

http://www.nhlbisupport.com/bmi/bmicalc.htm

http://www.cdc.gov/nccdphp/dnpa/healthyweight/assessing/bmi/adult_BMI/english_bmi_calculator/error.htm?pounds=&inches=0

Details on the exact calculations can be found on the cdc site

I'd like a combination of the two sites. Use the CDC example, in terms of the display and English/Metric interface. Attached pic doesnot sure final design described below.

However, on the same page, "beside" the input box (to the right), display the range of values with nothing highlighted. Upon, hitting calculation, the appropriate range is highlighted, and a custom arrow appears to the left of that box with the exact BMI value within it. Include a refresh button, that when clicked will bring the box back to original blank slate. See attached pdf from cdc site. Use colors 0e2b8d and 0ba2c7. This will be accessed from within a html web page.


Additional files submitted:
BMI.pdf