Wheelchair Ramp Configurator

This project involves making a simple wheelchair ramp configurator for an HTML website. It’s essentially a 1-2-3 step configurator where the 1st page is selecting the type of ramp, 2nd page has drop-down boxes for customizing the ramp, and the 3rd page outputs the variables they selected along with the price. I’ll provide you with the HTML page template. Basically, the main part of this job is corresponding our pricing list with the ramp options the customer selects, like total length and total post height/rise and having it calculate the output on the 3rd page (all pricing will be provided in USD whole numbers, and will factor in free delivery, so it’s pretty straight forward). The prices should NOT be shown in the drop-down boxes. Here’s the outline: 1.) 1st page of the configurator lets the customer select between 3 types of ramps. 3 photos will be shown (non-clickable examples), and directly below them will be 3 clickable schematic photos to select from, which are: A) Straight B) Straight w/ platform C) Turn Ramp w/ platform. 2.) After customer clicks on a ramp picture, it will go to the ‘step 2’ HTML page. Each of the 3 ramp selections above will actually need a different HTML page (so there are 3 different ‘step 2’ pages). Each should be slightly modified for the necessary drop down boxes for a particular ramp, as shown below: A). If Straight ramp, drop-down selections are: (length X, total rise) B). If Straight ramp with platform, drop-downs selections are: (length X, total rise) + platform C). If Turn ramps, then (length X, ramp2 length Y, total rise, LH/RH, platform). The platform needs to be a drop-down here because 2 platforms may be requested. To be clear: *If they select (B) Straight ramp with platform, the 2nd page is modified to include the additional platform cost (no drop-down). **If they select (C) Turn ramp, the 2nd page should include 2 more drop down boxes. One box asks them to select 1 or 2 platforms, and the other box lets them select left handed or right handed turn. 3.) Each ‘step 2’ page will need a check box at the bottom that says “I understand that all ramps are non-refundable”. Directly below that, there will be a ‘Submit’ button. 4.) Clicking the submit button calculates the price according to the corresponding ramp formula above, and will output the options that the customer chose on the 3rd page. Again, you will receive the price list on excel spreadsheets. We are, however, currently waiting on our supplier to send us the complete pricing and so full pricing will be provided to you likely within the first 2 weeks of project commencement. NOTES: *Pricing needs to be editable in the future (so if pricing is editable via HTML, then that’s fine) **We would really like to add an interactive visual display for the 3rd page which will output the original 1st page schematic of the type of ramp they selected – but have the calculator dynamically insert the dimension variables they picked for length, total rise, etc., and show them in between arrows corresponding to the components. This could be another project but we will give job preference to someone who can create this display on the 3rd page. ***In the future we will add a 4th ramp selection, so more work will be available to whoever is hired.